import { defineComponent } from "vue";
import styles from "./SignRow.module.scss";
export default defineComponent({
  props: {
    label: {
      type: String,
      required: true,
    }
  },
  emits: ['labelClick'],
  setup(props, { emit, slots }) {
    return () => (
      <div class={styles['sign-row']}>
        <div class={styles['label-box']} onClick={() => { emit('labelClick') }}>
          {props.label}
        </div>
        <div class={styles['row-container']}>
          {slots?.default?.()}
        </div>
      </div>
    )
  }
})